<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>地图导航</title>
</head>
<style>
        *{
            margin:0;
            padding: 0;
        }
        #container{
            width: 100%;
            height: 100vh;
            //background-color: pink
        }


</style>
<body>
<div id="container"></div>


<script type="text/javascript">
    window._AMapSecurityConfig = {
    securityJsCode:'c28ab7ad41ad292918c35007f8c6dc9a',
}
</script>

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=de2355d53cbef2eaf31e87fb82f1aebb"></script>
          <script type="text/javascript">
              //地图初始化应该在地图容器div已经添加到DOM树之后
              var map = new AMap.Map("container", {

                zoom: 12,//级别
                center: [121.48500,31.206309],//中心坐标
              });

              /*
              var hmPort;
              window.addEventListener("message",function(event){
                if(event.data=="init_port"){
                     hmPort = event.ports[0]
                     hmPort.postMessage(JSON.stringify({type:"connect_ok"}))
                }
              })
              */
              window.onload=function(){
                // window.swift.alert("测试ets中方法")
              }


            function showMessage(){
                window.swift.toast("测试html中方法")
            }

            function getLocation(lot,lat){
                //window.swift.alert("getLocation:"+lot+","+lat)
                map.setZoomAndCenter(15,[lot,lat])

               map.plugin(['AMap.PlaceSearch'], function() {
                var PlaceSearchOptions = { //设置PlaceSearch属性
                    pageSize: 4, //每页结果数,默认10
                    pageIndex: 1, //请求页码，默认1
                    extensions: "base" //返回信息详略，默认为base（基本信息）
                };
                var MSearch = new AMap.PlaceSearch(PlaceSearchOptions); //构造PlaceSearch类
                AMap.event.addListener(MSearch, "complete", (result)=>{
                     //返回结果,给鸿蒙端，这需要调用鸿蒙端的方法
                     window.swift.receiveData(JSON.stringify(result?.poiList?.pois||[]))
                });

                //请使用自己定位的地方的关键词
                MSearch.searchNearBy("步行街", new AMap.LngLat(lot, lat))
            });
            }
          </script>

</body>
</html>